

.price-red{ color:#E71216;}
.color-red{ color:#E71216;}
.color-grey{ color:#999;}
.color-blue{ color:#0072c9;}
.border-bottom{ border-bottom:1px solid #eee;}
.orange-tips{ color:#ff9d33;}
.order-basic{ font-size:14px; padding:0 30px; padding-bottom:20px; margin:0 30px;}
.order-basic li{ display:inline-block; margin-right:4em;}
.order-basic li span + span{ margin-left:1em;}

.order-preview{ background:#f6fcfc; border:1px solid #ddd; margin:15px 30px;}

.chufang{margin-bottom: 30px; font-size: 12px;}
.chufang > .title{ height:34px; border-bottom:1px solid #ddd; margin-bottom:15px;text-indent: 0px;color: #555;}
.chufang > .title h3{ display:block; line-height:30px; font-size:16px; padding-left:10px; float:left;    font-weight: normal;}
.chufang > .title .tab-lei{ float:left; margin-left:30px;}
.chufang > .title .tab-lei li{ float:left;}
.chufang > .title .tab-lei li a{ display:block; line-height:32px; background:#f6f6f6; border:1px solid #ddd; padding:0 25px; margin-left:-1px; color: #888;}
.chufang > .title .tab-lei li a.active{ background:#fff; border-bottom-color:#fff;}
.datatable-shili{ margin:0 100px; position:relative;}
.datatable-shili .info-bar{ line-height:32px; margin-bottom:10px; position:relative;}
.datatable-shili .info-bar > .item{ width:12.5%; text-align:center; float:left;height:32px;line-height:32px; border-left: 1px solid #fff; overflow: hidden;}
.datatable-shili .info-bar .type{ font-size:14px; font-weight:600; position:absolute; top:0; left:-60px;}
.datatable-shili .info-bar .type.red{ color:#ff2f2f;}
.datatable-shili .info-bar .type.blue{ color:#1f6cde;}
.datatable-shili .info-bar.list-head{ color:#888;}
.datatable-shili .info-bar.red-bg{ background:#ffeced;}
.datatable-shili .info-bar.blue-bg{ background:#edf5ff;}
.datatable-shili .info-bar.define-row{ margin-left:-15px; margin-right:-15px; position:relative;}
.datatable-shili .info-bar.define-row > .item{ padding:0 15px;}
.datatable-shili .info-bar.define-row.col2 > .item{ width:50%;}
.datatable-shili .info-bar.define-row.col3 > .item{ width:33.3333%;}
.datatable-shili .info-bar.define-row.col4 > .item{ width:30%;}
.datatable-shili .info-bar.define-row > .item .pmr{ display:block; background:#eee; padding:0 12px; text-align:right; position:relative;}
.datatable-shili .info-bar.define-row > .item .pmr span{ position:absolute; top:0; left:12px;}
.datatable-shili .clear-btn{ display:block; width:70px; height:74px; color:#ff7b0f; text-align:center; border:1px solid #ffcb80; position:absolute; top:42px; right:-85px;}
.datatable-shili .clear-btn i{ display:block; font-size:24px;line-height:36px;}
.datatable-shili .clone-btn{ display:block; width:70px; height:74px; color:#209a19; text-align:center; border:1px solid #31b729; position:absolute; top:42px; right:-85px;}
.datatable-shili .clone-btn i{ display:block; font-size:24px;line-height:36px;}
